<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			li {
				list-style-type: none;
			}

			a {
				text-decoration: none;
				/* color: red; */
			}

			/* 后代 */
			/* ul a {
				color: red;
				font-size: 20px;
			} */

			/* 子代 */
			ul>a {
				color: orange;
				font-size: 20px;
			}

			div>span {
				font-family: "隶书";
			}
		</style>
	</head>
	<body>
		<ul>
			<li>博为峰</li>
			<li><a href="https://www.atstudy.com">学掌门</a></li>
			<li>开发</li>
			<li>测试</li>
		</ul>

		<div>
			<span>程序员</span>
			<span>项目经理</span>
			<p><span>总经理</span></p>
		</div>
	</body>
</html>
